:root{--dlw-content-overview--cell--min-width:250px}.dlw-content-overview{padding-block:calc(var(--bg-active) * var(--dlw-spacing-cqi,0px));color:currentColor;display:block;container:content-overview/inline-size;& section,& .dlw-content-overview__head{gap:var(--dlw-spacing);display:flex}& section{flex-direction:column}& .dlw-content-overview__head{flex-wrap:wrap;justify-content:space-between;align-items:center}& h2{margin:0}& .dlw-content-overview__items{grid-area:items}& .dlw-content-overview__cta{text-align:center}& ul{grid-template-columns:repeat(auto-fit, minmax(var(--dlw-content-overview--cell--min-width), 1fr));gap:var(--dlw-spacing);margin:0;padding:0;list-style:none;display:grid}& dlw-content-overview-items{display:block;&[no-overflow] [data-dlw-reel-button]{display:none}}}.dlw-content-overview{&[layout="5columns"]{--columns:5}&[layout="4columns"]{--columns:4}&[layout="3columns"]{--columns:3}@container content-overview (width>60rem){&[layout] ul{grid-template-columns:repeat(var(--columns), 1fr)}}}.dlw-content-overview[layout=scroll]{--spacing:1rem;& li{flex-shrink:0;width:250px}& dlw-content-overview-items{padding-block:0 var(--spacing);margin:0;display:block;position:relative;& ul{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior:contain;padding:var(--spacing);margin:0 calc(-1 * var(--spacing));scroll-padding-inline-start:1rem;display:flex;position:relative;overflow:auto;&::-webkit-scrollbar{height:10px}&::-webkit-scrollbar-track{margin:0 var(--spacing);background:padding-box padding-box}&::-webkit-scrollbar-thumb{background:var(--dlw-color--primary-light--80);border:3px solid #0000;border-radius:1000px}&:hover,&:focus-within,&:focus-visible{&::-webkit-scrollbar{opacity:1}&::-webkit-scrollbar-thumb{background:var(--dlw-color--primary)}}@supports ((-moz-appearance:none)){scrollbar-width:thin;scrollbar-color:var(--dlw-color--primary-light--20) #0000;transition:scrollbar-color .3s;&:is(:focus-visible,:focus-within){scrollbar-color:var(--dlw-color--primary) #0000}@media (hover){scrollbar-color:var(--dlw-color--primary) #0000;&:hover{scrollbar-color:var(--dlw-color--primary) #0000}}}}& li{scroll-snap-align:start;animation:linear both sliding view(x)}}& [data-dlw-reel-button]{--size:48px;background:var(--dlw-color--primary);color:#fff;top:calc(50% - var(--size) / 2);inset-inline:calc(-1.5 * var(--spacing)) auto;border-radius:var(--dlw-border-radius);height:var(--size);width:var(--size);cursor:pointer;z-index:10;user-select:none;border:none;transition:transform .2s,opacity .2s;position:absolute;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;&:active{transform:scale(.9)}&[disabled]{opacity:.3}}& [data-dlw-reel-button=next]{inset-inline:auto calc(-1.5 * var(--spacing))}}@keyframes sliding{entry 0%{opacity:0;transform:scale(.95)}entry 80%,exit 20%{opacity:1;transform:scale(1)}exit 100%{opacity:0;transform:scale(.95)}}.dlw-content-overview[layout=stack]{position:relative;& .dlw-content-overview__cta{display:none}& section{flex-direction:column;align-items:stretch;width:100%;display:flex}& ul li{position:sticky;top:150px}& ul{flex-direction:column;display:flex}& li{max-width:500px;animation:linear both tilt view(y);animation-range:contain 0% contain calc(100% - var(--index) * 1%);filter:drop-shadow(0 0 5px #0000001a);transform-origin:top}& li:nth-child(odd){--direction:1}& li:nth-child(2n){--direction:-1}& li:nth-child(n){--index:1}& li:nth-child(2n){--index:2}& li:nth-child(3n){--index:3}& li:nth-child(4n){--index:4}& li:nth-child(5n){--index:5}@container content-overview (width>=60rem){& .dlw-content-overview__head{padding:3rem;position:sticky;top:150px}& section{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,1fr);grid-template-areas:"head items""head items";align-items:center;display:grid}}}@keyframes tilt{0%{transform:rotate(0)}to{transform:rotate(calc(var(--direction) * var(--index) * .5deg)) scale(.9)}}:root{--dlw-card__media--aspect-ratio:3/2;--dlw-card--background:var(--dlw-color--white);--dlw-card--border:1px solid var(--dlw-color--border-3);--dlw-card--color:var(--dlw-color--text)}.dlw-card{--dlw-link--color:var(--dlw-color--primary);--dlw-link--color--visited:var(--dlw-color--primary-light--20);--dlw-link--color--active:var(--dlw-color--primary-dark--20);height:100%;display:block;position:relative;container:card/inline-size;& article{gap:var(--dlw-spacing--small);border-radius:var(--dlw-border-radius);border:var(--dlw-card--border);background:var(--dlw-card--background);height:100%;color:var(--dlw-card--color);grid-template-rows:auto 1fr;grid-template-areas:"media""body";display:grid;overflow:clip;& h3 a{text-decoration:none}}& p:last-child{margin:0}& .dlw-card__media{grid-area:media;align-self:stretch;position:relative;overflow:hidden;& img,& video,& picture{object-fit:cover;object-position:center;width:100%;height:100%;aspect-ratio:var(--dlw-card__media--aspect-ratio);display:block}}& .dlw-card__body{gap:var(--dlw-spacing--tiny);padding:var(--dlw-spacing--tiny) var(--dlw-spacing--small) var(--dlw-spacing--small);flex-direction:column;grid-area:body;display:flex}& .dlw-card__footer{--svg-size:1.5rem;color:var(--dlw-color--primary);padding-block:var(--dlw-spacing--tiny) 0;margin:auto 0 0;display:flex}& .dlw-card__overlay:before{content:"";z-index:5;position:absolute;inset:0}&:focus-within{& article{outline:var(--dlw-a11y--outline-width) solid var(--dlw-color--focus);outline-offset:calc(var(--dlw-border-radius,0) / 2);border-radius:calc(var(--dlw-border-radius,0) / 2);& a{outline:0}}}&:hover,&:focus{& .dlw-card__footer{& svg{fill:var(--dlw-color--primary-dark--20)}}}}[data-dlw-background] .dlw-card{--dlw-color--focus:var(--dlw-color--white)}.dlw-card:has(a){& .dlw-card__media{& img,& video,& picture{transition:transform calc(2 * var(--dlw-transition--duration)) cubic-bezier(0, .8, .5, 1)}}&:hover,&:focus-within{& img,& video,& picture{transform:scale(1.05)}}}